@import "element-ui/lib/theme-chalk/index.css";

.el-button {
    border: 1px solid #c6c6c6;
    font-family: Arial;
    font-size: 16px;
    color: #000000;
    transition: all 0.2s;

    &:hover {
        border: 1px solid #ea4c89;
        color: #ea4c89;
    }

    &[type="primary"] {
        background: #ea4c89;
        color: #ffffff;
        transition: all 0.2s;
    }

    &[type="primary"]:hover {
        background: #f07fab;
        color: #ffffff;
    }

    &[disabled] {
        background: #f6f6f6;
        border: 1px solid #dcdcdc;
        color: #919191;
    }
}

.el-select .el-input .el-input__inner,
.el-input input.el-input__inner {
    border: 1px solid #c6c6c6;
    color: #000;

    &::placeholder {
        color: #919191;
    }

    &:hover {
        border-color: #f6b2cd;
        box-shadow: 0 0 0 1px #f6b2cd;
    }

    &:focus {
        border-color: #ea4c89;
        box-shadow: 0 0 0 1px #f6b2cd;
    }

    &[disabled] {
        outline: none;
    }
}

.el-loading-mask {
    .el-loading-spinner .path {
        stroke: #ea4c89;
    }
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus,
.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
    border-color: #df080d;
}
